<template>
  <div class="user_vip" v-loading="state.saveorder.showloading">
    <div class="userorder_list">
      <TaskList />
      <div class="pagination" v-if="state.saveorder.list.length != 0">
        <el-pagination
          @current-change="store.getorderlist"
          v-model:current-page="state.saveorder.page"
          v-model:page-size="state.saveorder.page_size"
          layout=" prev, pager, next, "
          :total="state.saveorder.total"
        />
      </div>
    </div>
  </div>
</template>

<script setup>

import TaskList from './task/TaskList.vue'

const islogin = ref(false)

const { store, state } = inject('Sell')
</script>

<style lang="scss" scoped>
.user_vip {
  width: 100%;
  height: 240px;
  margin-bottom: 16px;
  background: #fff;
  // padding: 8px;
  display: flex;
  flex-direction: column;
  border: 1px solid #fafafa;
}

.userorder_list {
  width: 100%;
  height: 100%;
}

.pagination {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 3px;
}
</style>

<style>
.pagination .btn-prev,
.pagination .el-pager,
.pagination .el-pager li,
.pagination .btn-next{
  height: 24px;
}
</style>
